<%--
  Created by IntelliJ IDEA.
  User: Shinelon
  Date: 2017/6/15
  Time: 14:46
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="<%=path%>/css/bootstrap.css">
    <link rel="stylesheet" href="<%=path%>/css/common.css">
</head>
<body>

<!--head-->
<div id="header">
    <div class="container">
        <h1>报销管理系统</h1>
    </div>
</div>

<!--发票-->
<div id="second-header">
    <div class="container">
        <div class="row">
            <div class="col-sm-3">
                <form action="/demo/tripform/total" method="post">
                    <button class="btn btn-danger btn-block" type="submit" id="" >报销汇总单</button>
                </form>
            </div>
            <div class="col-sm-3">
                <form action="/demo/tripform/trip" method="post">
                    <button class="btn btn-danger btn-block" type="submit" id="" >出差报销单</button>
                </form>
            </div>
        </div>
    </div>
</div>

<!--出差报销单-->
<div class="container" id="content">

    <h2 class="text-center">
        浙江大学城市学院出差报销单
    </h2>
    <div id="btn-bar">
        <div class="row">
            <div class="col-md-4">
                <form action="/demo/tripform/increase" method="post">
                    <button class="btn btn-danger btn-block" type="submit" id="increase" >新增</button>
                </form>
            </div>
            <div class="col-sm-4">
                <form action="/demo/tripform/check" method="post">
                    <button class="btn btn-danger btn-block" type="submit" id="search">查看</button>
                </form>
            </div>
        </div>

    </div>

    <form action="/demo/tripform/handup" method="post">
        <table class="table table-bordered">
            <!--1-->
            <tr>
                <td colspan="2">单位（公章）</td>
                <td colspan="2">
                    <input name="company"/>
                </td>
                <td colspan="2">姓名</td>
                <td colspan="2">
                    <input name="consumer"/>
                </td>
                <td></td>
                <td colspan="2"></td>
            </tr>

            <!--2-->
            <tr>
                <td rowspan="2" colspan="2">经费项目代码</td>
                <td rowspan="2" colspan="2">
                    <input name="code"/>
                </td>
                <td colspan="2">职称（务）</td>
                <td colspan="2">
                    <input name="duty"/>
                </td>
                <td></td>
                <td colspan="2"></td>
            </tr>

            <!--3-->
            <tr>
                <td colspan="2">出差事由</td>
                <td colspan="3">
                    <input name="reason"/>
                </td>
                <td>附单据张数</td>
                <td>
                    <input name="number"/>
                </td>
            </tr>

            <!--4-->
            <tr>
                <td colspan="2">出差地点</td>
                <td rowspan="2">起止日期</td>
                <td rowspan="2">天数</td>
                <td colspan="3">城市间交通费</td>
                <td rowspan="2">住宿费</td>
                <td colspan="2">补贴报销</td>
                <td rowspan="2">其他</td>
            </tr>

            <!--5-->
            <tr>
                <td>省内</td>
                <td>省外</td>
                <td>飞机</td>
                <td>火车</td>
                <td>其他</td>
                <td>伙食补助费</td>
                <td>公杂费</td>
            </tr>

            <!--6-->
            <tr>
                <td colspan="2">
                    <input name="address"/>
                </td>
                <td>
                    <input name="startend"/>
                </td>
                <td>
                    <input name="days"/>
                </td>
                <td>
                    <input name="plane"/>
                </td>
                <td>
                    <input name="train"/>
                </td>
                <td>
                    <input name="otherway"/>
                </td>
                <td>
                    <input name="stay"/>
                </td>
                <td>
                    <input name="food"/>
                </td>
                <td>
                    <input name="publicfee"/>
                </td>
                <td>
                    <input name="otherfee"/>
                </td>
            </tr>

            <!--7-->
            <tr>
                <td colspan="2">
                    <input name="address"/>
                </td>
                <td>
                    <input name="startend"/>
                </td>
                <td>
                    <input name="days"/>
                </td>
                <td>
                    <input name="plane"/>
                </td>
                <td>
                    <input name="train"/>
                </td>
                <td>
                    <input name="otherway"/>
                </td>
                <td>
                    <input name="stay"/>
                </td>
                <td>
                    <input name="food"/>
                </td>
                <td>
                    <input name="publicfee"/>
                </td>
                <td>
                    <input name="otherfee"/>
                </td>
            </tr>

            <!--8-->
            <tr>
                <td colspan="2">
                    <input name="address"/>
                </td>
                <td>
                    <input name="startend"/>
                </td>
                <td>
                    <input name="days"/>
                </td>
                <td>
                    <input name="plane"/>
                </td>
                <td>
                    <input name="train"/>
                </td>
                <td>
                    <input name="otherway"/>
                </td>
                <td>
                    <input name="stay"/>
                </td>
                <td>
                    <input name="food"/>
                </td>
                <td>
                    <input name="publicfee"/>
                </td>
                <td>
                    <input name="otherfee"/>
                </td>
            </tr>

            <!--9-->
            <tr>
                <td colspan="2">
                    <input name="address"/>
                </td>
                <td>
                    <input name="startend"/>
                </td>
                <td>
                    <input name="days"/>
                </td>
                <td>
                    <input name="plane"/>
                </td>
                <td>
                    <input name="train"/>
                </td>
                <td>
                    <input name="otherway"/>
                </td>
                <td>
                    <input name="stay"/>
                </td>
                <td>
                    <input name="food"/>
                </td>
                <td>
                    <input name="publicfee"/>
                </td>
                <td>
                    <input name="otherfee"/>
                </td>
            </tr>

            <!--10-->
            <tr>
                <td colspan="2">
                    <input name="address"/>
                </td>
                <td>
                    <input name="startend"/>
                </td>
                <td>
                    <input name="plane"/>
                </td>
                <td>
                    <input name="train"/>
                </td>
                <td>
                    <input name="otherway"/>
                </td>
                <td>
                    <input name="stay"/>
                </td>
                <td>
                    <input name="food"/>
                </td>
                <td>
                    <input name="publicfee"/>
                </td>
                <td>
                    <input name="otherfee"/>
                </td>
            </tr>

            <!--11-->
            <tr>
                <td colspan="3">核准报销金额</td>
                <td>
                    <input class="input1" name="amount"/>
                </td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
            </tr>

            <!--12-->
            <tr>
                <td colspan="3">合计人民币（大写）</td>
                <td colspan="6">
                    <input class="input6" name="amount"/>
                </td>
                <td>￥</td>
                <td>
                    <input class="input1" name="amount"/>
                </td>
            </tr>

            <!--13-->
            <tr>
                <td colspan="3" rowspan="2">转卡信息</td>
                <td colspan="2">工号</td>
                <td colspan="2">姓名</td>
                <td colspan="3">建行卡号</td>
                <td>转卡金额</td>
            </tr>

            <!--14-->
            <tr>
                <td colspan="2">
                    <input class="input2" name="jobnum"/>
                </td>
                <td colspan="2">
                    <input class="input2" name="jobname"/>
                </td>
                <td colspan="3">
                    <input class="input3" name="card"/>
                </td>
                <td>
                    <input class="input1" name="amount"/>
                </td>
            </tr>

            <!--15-->
            <tr>
                <td colspan="2">报销审批人</td>
                <td colspan="2">
                    <input class="input2" name="approver"/>
                </td>
                <td colspan="1">日期</td>
                <td colspan="3">
                    <input type="date">
                </td>
                <td>经办人</td>
                <td colspan="2">
                    <input class="input2" name="agent"/>
                </td>
            </tr>
        </table>
		<button type="submit" id="handup">提交</button>
    </form>
</div>
<div id="footer" class="text-center">
    JSP真难<br>联系方式：勇士是冠军
</div>
<script type="text/javascript">

    $(function() {
        $("#handup").click(function(event) {
            $("#tripform").attr("action", "/demo/tripform/handup")
            $("#tripform").submit();
        });

    });
</script>
<script src="js/jquery-1.11.3.js"></script>
<script src="js/bootstrap.js"></script>
</body>
</html>
